<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<link rel="stylesheet" type="text/css" href="../CSS/CSS.css"></head>
<body>
<p>代码作用说明</p>
<p>　　img为图像标签</p>
<hr/>
<p>代码示例</p>
<p>图片插入的绝对路径</p>
<pre>
&lt;html&gt;
&lt;head&gt;title&lt;/head&gt;
&lt;body&gt;
&lt;img src="C;/img/jpg.jpg"
    alt='我的图片'/&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<hr/>
<p>代码效果</p>
<img src="C;/img/jpg.jpg"
  alt="我的图片"/>
<hr/>
<p>代码示例</p>
<p>图片插入的相对路径</p>
<pre>
&lt;html&gt;
&lt;head&gt;title&lt;/head&gt;
&lt;body&gt;
&lt;img src="../img/xd.jpg"
     title="美少女"
     width="500"
     height="300"/&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<hr/>
<p>代码效果</p>
<img src="../img/xd.jpg"
     title="美少女"
     width="500"
     height="300"/>

<hr/>
<p>关于img标签的补充</p>
<p>　　img标签为插入图片的一个标签，其中可以分为两种路径，一种为绝对路径一种为相对路径</p>
<p>　　绝对路径：1.盘符路径，图片可以在自己电脑的任意一个磁盘中存在，然后插入网页，弊端在于别人电脑打开这个网页可能没有这个磁盘，然而也显示不了图片效果</p>
<p>　　　　　　　2.Web服务访问路径</p>
<p>　　相对路径：1.图片网页属于同一目录，直接使用img和属性标签直接插入</p>
<p>　　　　　　　2.图片网页不属于同一子目录但是在同一根目录下，先回到上一目录再插入图片</p>
<p>　　img src="../img/xd.jpg"/：这句代码中的'..',作用就是回到上一目录</p>
<p>　　title：也是图片标签中，经常使用到的文字提示标签，可在鼠标移到图片处时，出现文字提示</p>
<p>　　alt：同样属于图片标签中会用到的标签属性，会在网络无法加载时，在本该出现图片的位置出现文字提示</p>
<p>a标记的实验</p>
<a href="../conter.html" target="_parent">首页</a>
</body>
</html>